import { Link } from 'react-router-dom'
import { Routes, Route, Navigate } from 'react-router'
import Kanban from 'screens/kanban'
import Epic from 'screens/epic'
import styled from '@emotion/styled'
export default function ProjectScreen() {
  return (
    <Container>
      <Link to={'kanban'}>看板 </Link>
      <Link to={'epic'}>任务组 </Link>
      <Routes>
        <Route path={'/kanban'} element={<Kanban />} />
        <Route path={'/epic'} element={<Epic />} />
        <Route path={'*'} element={<Navigate to={window.location.pathname + '/kanban'} />} />
      </Routes>
    </Container>
  )
}

const Container = styled.div`
  padding: 3.2rem;
`
